@charset "utf-8";
@import "reset";
@import "iconfont";
$font-size: 64px;
html {
    font-size: $font-size;
}
@function r($px) {
    @return $px/$font-size*1rem;
}
.web {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: r(90px);
        background: #b20000;
        padding: r(23px);
        vertical-align: middle;
        display: flex;
        justify-content: space-between;
        i {
            color: #fff;
            display: inline-block;
            &:first-child {
                font-size: 23px;
                margin-left: r(23px);
            }
            &:nth-of-type(2) {
                font-size: r(23px);
                width: r(42px);
                height: r(42px);
                line-height: r(42px);
                border: 1px solid #fff;
                border-radius: 50%;
                text-align: center;
            }
        }
        .logo {
            width: r(246px);
        }
    }
    .content {
        position: absolute;
        top: r(90px);
        left: 0;
        width: 100%; //      height: 100%;
        background: #fff; //      overflow: auto;
        bottom: r(95px);
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        li{
            position: relative;
        }
        .lb_box1,.lb_box2,.lb_box3,.lb_box4 {
            background: #723e12;
            height: r(106px);
            color: #fff;
            width: 100%;
            padding: r(10px) r(28px);
            z-index: 1; 
            position: absolute;
            bottom:0 ;
            h6 {
                font-size: r(27px);
                font-weight: 400;
                white-space: normal;
                white-space: pre;
            }
            i {
                display: inline-block;
                font-size: 18px;
                margin-top: r(18px);
                vertical-align: middle;
            }
            i:nth-of-type(2){
                margin-left: r(13px);
            }
            span {
                display: inline-block;
                font-size: 9px;
                vertical-align: middle;
                margin-top: r(18px);
                margin-left: r(5px);
            }
        }
        .lb_box1{
            p {
                display: inline-block;
                font-size: 9px;
                float: right;
                margin-top: r(20px);
            }
        }
        .lb_box2{
            h5{
                font-size: r(26px);
                font-weight: 400;
            }
            h6{
               font-size: r(22px);
               display: inline-block;
               vertical-align: middle; 
            }
            p{
                display: inline-block;
                font-size: 9px;
                margin-left: r(100px);
                vertical-align: middle;
            }
            i{
                display: inline-block;
                margin-left: r(20px); 
                vertical-align: middle;  
            }
        }
        .lb_box4{
            text-align: center;
//          line-height: r(106px);
            span{
                
                font-size: r(27px);
                background: #b20000;
                vertical-align: middle;
            }
            p{
                display: inline-block;
                font-size: r(27px);
                vertical-align: middle;
                margin-top: r(18px);
            }
        }
        .cont_box1,
        .cont_box2 {
            padding: r(32px) r(30px) r(20px);
            .left {
                color: #c5c5c5;
                display: inline-block;
                width: r(325px);
                vertical-align: middle;
                h6 {
                    font-size: r(25px);
//                  font-weight: 400;
                    color: #333;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    line-height: 25px;
                }
                i,
                span {
                    font-size: r(18px);
                }
                p {
                    font-size: r(20px);
                    display: inline-block;
                    margin-left: 0;
                    >span {
                        font-size: r(22px);
                    }
                }
            }
            img {
                width: r(235px);
                vertical-align: middle;
            }
        }
        .cont_box1 {
            border-bottom: 1px solid #e4e4e4;
        }
        .null {
            background: #f5f5f5;
            height: r(25px);
        }
        .cont_box3 {
            padding: r(32px) r(30px) r(20px);
            color: #c5c5c5;
            font-size: 0;
            h6 {
                font-size: r(25px);
//              font-weight: 400;
                color: #333;
                white-space: normal;
                white-space: pre;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .imgs {
                display: flex;
                justify-content: space-between;
                margin-top:r(20px);
                img {
                    width: 33%;
                    height: r(123px);
                }
            }
            i,
            span {
                display: inline-block;
                font-size: r(18px);
                margin-top: r(15px);
            }
            i:nth-of-type(2){
                margin-left: r(10px);
            }
            p {
                display: inline-block;
                font-size: r(20px);
                margin-left: r(200px);
                >span {
                    font-size: r(22px);
                }
            }
        }

        .more{
            border-top: 1px solid #e4e4e4;
            text-align: center;
            padding: r(20px) 0;
            p{
                font-size: r(22px);
                color:#c5c5c5 ;
            }
        }
    }
    footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: r(95px);
        background: #f5f5f5;
        padding-top: 5px;
        line-height: r(95px);
        font-size: 0;
        .b {
            display: inline-block;
            text-align: center;
            width: 20%;
            img {
                width: r(69px);
                height: r(72px);
            }
        }
    }
}
//@media screen and (min-width:768px){
//  
//}